<template>
  <section class="hero is-white">
    <div class="hero-body">
      <div class="container">
        <h1 class="title">重工论坛</h1>
        <h2 class="subtitle is-italic">
          <nav class="breadcrumb has-bullet-separator" aria-label="breadcrumbs">
            <ul>
              <li>
                <a href="#">尽责</a>
              </li>
              <li>
                <a href="#">守信</a>
              </li>
              <li>
                <a href="#">求精</a>
              </li>
              <li>
                <a href="#" aria-current="page">创新</a>
              </li>
            </ul>
          </nav>
        </h2>
      </div>
    </div>
    <progress class="progress is-whrite is-small" value="100%" max="30">30%</progress>
  </section>
</template>
<script>
export default {};
</script>

<style scoped>
.title {
  text-align: left;
}
.subtitle {
  text-align: right;
}
</style>